<template>
	<PageLayout>
		<UserCenterLayout :h="h" :clazz_con="''">
			<template #bg>
				<CoImg :src="user.background || info.userDefBackground" 
					:clazz="'h-62vh'"/>
			</template>
			<template #top>
			</template>
			<template #con>
                <view class="bf">
                    <view class="py-row px-row">
                        <view class="py">
                            这里，放用户的订单、个人信息，app设置。
                        </view>
                        <view class="h7 fw-700">测试</view>
                        全局响应式监听结果: {{ loveState.num }}
                    </view>
                </view>
			</template>
		</UserCenterLayout>
		<CoAppBottomBar :mat="false" :clazz="'index-bottom-bar'"/>
	</PageLayout>
</template>

<script setup lang="ts">
import CoAppBottomBar from '@/components/app/bar/CoAppBottomBar.vue';
import PageLayout from '../../components/layout/page/PageLayout.vue';
import { appState, authState } from '@/memory/global';
import UserCenterLayout from '@/components/layout/detail/UserCenterLayout.vue';
import { computed } from 'vue';
import CoImg from '@/components/media/img/CoImg.vue';
import { loveState } from '@/memory/moduies';
const user = computed(() => authState.user)
const info = computed((): AppInfo => appState.info) 
//
const h = computed((): number => {
	let res = 68.8
	return res
})
</script>
